import { LoadingOutlined } from '@ant-design/icons';
import { Image } from 'antd';
export default (props) => {
  return (
    <Image
      placeholder={
        <div style={{ position: 'relative', width: '100%', height: '100%' }}>
          <LoadingOutlined
            style={{
              position: 'absolute',
              top: '50%',
              left: '50%',
              transform: 'translate(-50%, -50%)',
              fontSize: 24,
            }}
          />
        </div>
      }
      fallback=""
      {...props}
    />
  );
};
